.nav-container {
position:relative;
z-index:4;
top:0;
width:100%;
left:0;
}
.nav-container.fiv-nav{
   position: fixed;
}
.sf-menu {
}

.sf-menu >li {
width:167px;
float:left;
text-align:left;
position:relative;
border-right:1px solid #f9f9ef;
z-index:99;
font-family: 'Open sans ',sans-serif;
}

.sf-menu >li:last-child {
border-right:none;
}

.sf-menu >li.nav-1 a {
background-color:#e35e01;
}

.sf-menu >li.nav-2 a {
background-color:#ffac00;
}

.sf-menu >li.nav-3 a {
background-color:#64c4b8;
}

.sf-menu >li.nav-4 a {
background-color:#ff9000;
}

.sf-menu >li.nav-5 a {
background-color:#e82d50;
}

.sf-menu >li.nav-6 a {
background-color:#4c993a;
}

.sf-menu >li.nav-7 a {
background-color:#e33b01;
}

.sf-menu >li.nav-8 a {
background-color:#e35e01;
}

.sf-menu >li.nav-9 a {
background-color:#ffac00;
}

.sf-menu >li.nav-10 a {
background-color:#64c4b8;
}

.sf-menu >li.nav-11 a {
background-color:#ff9000;
}

.sf-menu >li.nav-12 a {
background-color:#e82d50;
}

.sf-menu >li.nav-13 a {
background-color:#4c993a;
}

.sf-menu >li.nav-14 a {
background-color:#e33b01;
}

.sf-menu li.parent {
z-index:999;
}

.sf-menu >li >a {
display:block;
color:#fff;
text-decoration:none;
position:relative;
padding:0;
text-transform:capitalize;
text-align:center;
}

.sf-menu >li >a >span {
display:block;
font-size:16px;
line-height:17px;
text-transform:none;
cursor:pointer;
white-space:nowrap;
min-height:53px;
position:relative;
z-index:2;
padding:10px 5px 0 5px;
}

.sf-menu li ul a span {
white-space:normal;
}

.sf-menu >li >a >span >span {
display:block;
position:relative;
z-index:4;
}

.sf-menu li span strong {
display:block;
font-weight:normal;
}

.sf-menu >li.parent >a:before {
content: " \f107 ";
position:absolute;
bottom:-4px;
left:0;
width:100%;
text-align:center;
}

.sf-menu >li.sfHover >a,.sf-menu >li >a:hover,.sf-menu >li.active >a {
}

.sf-menu >li >a:after {
position:absolute;
content: ' ';
width:100%;
height:0;
top:50%;
left:0;
background-color:#968b7c;
}

.sf-menu >li.sfHover >a:after,.sf-menu >li >a:hover:after,.sf-menu >li.active >a:after {
height:100%;
top:0;
}

.sf-menu li a:hover {
text-decoration:none;
}

.sf-menu ul {
position:absolute;
top:-999em;
z-index:99;
width:192px;
display:none;
background:#fff;
box-shadow:0 4px 8px rgba(0,0,0,0.12);
-moz-box-shadow:0 4px 8px rgba(0,0,0,0.12);
-webkit-box-shadow:0 4px 8px rgba(0,0,0,0.12);
}

.sf-menu li li {
text-align:left;
border-bottom-width:0;
}

.sf-menu li li.parent >a:before {
content: " \f101 ";
float:right;
}

.sf-menu li li.last {
border-bottom-width:1px;
}

.sf-menu li li {
position:relative;
float:none;
}

.sf-menu li li a {
display:block;
background:none;
font-size:13px;
line-height:15px;
color:#fff;
padding:10px 15px;
}

.sf-menu li li >a:hover,.sf-menu li li.sfHover >a,.sf-menu li li.active >a {
background-color:#968b7c;
}

.sf-menu ul ul {
position:absolute;
top:-999em;
z-index:99;
width:192px;
}

.sf-menu li:hover ul,.sf-menu li.sfHover ul {
left:0px;
top:53px;
/* match top ul list item height */
}

ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul {
left:193px;
/* match ul width */
top:0;
}

ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul {
top:-999em;
}

ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul {
left:193px;
/* match ul width */
top:0;
}

@media only screen and (min-width:992px) {
#menu-icon,.sf-menu-phone,.sf-menu-block {
display:none !important;
}
}

@media only screen and (max-width:991px) {
.nav-container {
position:relative !important;
}

.pseudoStickyBlock {
display:none !important;
}

.sf-menu,.sf-menu-phone {
display:none;
}
/* menu icon */
.sf-menu-block {
display:block;
position:relative;
}

#menu-icon {
display:block;
background:#e35e01;
color:#fff;
font-size:17px;
line-height:21px;
cursor:pointer;
text-transform:uppercase;
padding:0 20px;
height:50px;
line-height:50px;
font-family: 'Patua One ',cursive;
}

#menu-icon:before {
content: " \f055 ";
font-size:25px;
line-height:50px;
float:right;
}

#menu-icon.active:before {
content: " \f056 ";
}

.sf-menu-phone {
background:#e35e01;
border:1px solid #ff9000;
border-top:0;
position:absolute;
z-index:2;
width:100%;
moz-box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.sf-menu-phone li {
position:relative;
}

.sf-menu-phone li {
border-top:1px solid #ff9000;
font-size:14px;
}

.sf-menu-phone >li.last {
border-bottom:0;
}

.sf-menu-phone li a {
display:block;
color:#fff;
padding:10px 20px;
}

.sf-menu-phone li a:hover {
background:#cd5400;
}

.sf-menu-phone li li {
font-size:13px;
}

.sf-menu-phone li li a {
}

.sf-menu-phone li li.last {
}

.sf-menu-phone li li:first-child {
}

.sf-menu-phone li li:first-child strong {
top:10px;
}

.sf-menu-phone li strong {
position:absolute;
display:block;
top:12px;
color:#fff;
right:5px;
width:24px;
font-size:16px;
line-height:16px;
text-align:center;
}

.sf-menu-phone >li >strong {
top:9px;
right:18px;
font-size:20px;
line-height:20px;
color:#fff;
}

.sf-menu-phone li strong:hover {
cursor:pointer;
}

.sf-menu-phone li strong:before {
content: " \f067 ";
}

.sf-menu-phone li strong.opened:before {
content: " \f068 ";
}
/* dropdown */
.sf-menu-phone ul {
background:#c45100;
width:auto;
margin:0;
display:none;
}

.sf-menu-phone ul li {
padding:0 0 0 10px;
}

.sf-menu-phone >li.active >a >span {
color:inherit;
}

.sf-menu-phone >li.active >a,.sf-menu-phone >li >a:hover {
}

.sf-menu-phone li li.active >a,.sf-menu-phone li li a:hover {
}
}

@media only screen and (max-width:767px) {
.sf-menu-block {
margin:0 10px;
}
}